/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconFly: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M416.5632 1022.208a39.7312 39.7312 0 0 1-16.2304-3.584 40.704 40.704 0 0 1-24.6784-37.376V681.472c0-12.6464 5.4272-24.064 15.6672-31.8976a42.0864 42.0864 0 0 1 34.9184-7.8336l417.792 99.9424L928.256 142.08a11.264 11.264 0 0 0-16.896-11.4688l-763.904 442.4704 139.0592 35.5328c19.8656 4.8128 34.304 22.8864 32.512 43.3664a40.6016 40.6016 0 0 1-50.5856 36.096L30.72 627.3024a40.5504 40.5504 0 0 1-30.1056-33.7408 40.6016 40.6016 0 0 1 19.8656-40.96L962.56 6.656a41.6256 41.6256 0 0 1 43.3664 1.2288c12.6464 8.3968 19.8656 24.064 17.4592 39.1168l-105.3184 750.08a41.8304 41.8304 0 0 1-17.4592 28.3136 41.3184 41.3184 0 0 1-32.512 6.0416l-411.136-98.1504v154.112l81.8176-76.4416c15.0528-13.824 37.9392-16.896 54.1696-4.2496 20.48 15.6672 21.0944 45.1584 3.072 62.0032l-151.7568 142.6944a40.192 40.192 0 0 1-27.648 10.8544z m0-299.8272a42.1888 42.1888 0 0 1-27.0848-10.24 40.96 40.96 0 0 1-2.9696-57.7536l216.064-242.0224a40.96 40.96 0 0 1 60.8256 54.784l-216.1152 242.0224a41.984 41.984 0 0 1-30.72 13.2096z"
        fill={getIconColor(color, 0, '#333333')}
      />
    </svg>
  );
};

IconFly.defaultProps = {
  size: 22,
};

export default IconFly;
